<template>
    <el-card class="my-card">
      <!-- 插槽：标题 -->
      <div slot="header">
        <slot name="title">默认标题</slot>
      </div>
  
      <!-- 插槽：内容 -->
      <slot>
        <p>这里是默认内容</p>
      </slot>
  
      <!-- 插槽：底部操作 -->
      <div style="margin-top: 20px; text-align: right;">
        <slot name="footer"></slot>
      </div>
    </el-card>
  </template>
  
  <script>
  export default {
    name: "MyCard",
  };
  </script>
  
  <style scoped>

  </style>
  